* { padding:0; margin:0; outline:0; }
body{
	background: #F8F8FF;
}
textarea { overflow:hidden; }

.list{
	width: 750px;
	margin:0 auto;
	margin-top: 50px;
}
a img { border:0; }

a { color:#FF3E96; text-decoration: underline; cursor:pointer; }
a:hover { color:#8d341f; text-decoration: none;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }


.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center !important; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }
h2 { font-size:15px; font-weight: normal; }
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none;}


#container { padding:20px 0;}

.small-nav { color:#978b48; padding-bottom:20px; }
.small-nav a{ color:#6f6636; }


#main {margin:0 auto;}
#content { float:left; width:750px;}


.table {}
.table .response {text-align: center;}
.table th{color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table .res p{ padding-left: 150px;box-sizing: border-box; height: 20px; width: 300px; font-size: 14px; overflow: hidden; line-height: 20px;text-overflow:ellipsis;white-space:nowrap;}
.table .rem p{ text-align: center; height: 20px; width: 450px; font-size: 14px; overflow: hidden; line-height: 20px;text-overflow:ellipsis;white-space:nowrap;}
.table a.ico{ }

.box { background:#fbfcfc; height:100%; padding:1px; margin-bottom:20px; }
.box-head { background:#2D353C; height:32px; color:#fff; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff; }
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}

.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{font-size: 12px; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#444; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#FF3E96; color:#fff; }
.pagging .right{ float: right; }
.pagging span{ float:left; margin-left:5px; padding-top:2px; }


a.ico { color:#9d9c9a; font-size:12px; text-decoration: none; padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.del { background-image:url(../images/del.gif)}
a.edit { background-image:url(../images/edit.gif); margin-left:14px;}


.form { padding:15px 10px 5px 10px; }
.form label{ display:block; font-weight: bold; font-size:13px; padding-bottom:4px; }
.form label span{ color:#999; font-weight: normal;}
.form .field { display:block; }
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#999;  }
.form p{ padding-bottom:15px;}

.size1 { width:716px; }
.size2 { width:80px; }
.size3 { width:120px; }
textarea.size1 { height:180px; }

.buttons { text-align: right; padding:10px; background:#eee; border-top:solid 1px #e0e0e0; }
.buttons .button{ margin-left:3px;}

.box-content { padding:10px; }

.sort { border-top:solid 1px #e0e0e0; padding-top:10px; margin-top:15px;   }
.sort label{ display:block; font-weight: bold;}
.sort .field{ display:block; margin-top:5px; }
.sort select.field{ width:203px; }


.box-content p { padding-top:10px; }
.select-all{}
.select-all label{ text-decoration: underline; padding-left:4px; }

.add-button,
.add-button span { float:left; height:26px; background:url(images/add-button.gif) no-repeat 0 0; padding:0 0 0 28px; }
.add-button span { background-position:right 0; padding:0 10px 0 0; }
.add-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.add-button:hover { color:#333;}


#footer{ height: 50px;width: 100%;background: #ba4c32; margin-top:150px;}
#footer p{color: #fff;font-size: 14px;line-height: 50px;text-align: center;}
#footer p a{text-decoration: none;color: #6a5acd;}

.msg { position:relative; padding-right:35px; margin-bottom:10px; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(images/close.gif); text-indent: -4000px;}

.msg-ok p{ background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(images/msg-ok.gif); }
.msg-error p{ background-color:#f3c598; border:solid 1px #e8b084; color:#ba4c32; background-image:url(images/msg-error.gif);  }

/*** CSS3 ***/
.box { -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 6px #978f6c; -webkit-box-shadow: 0 0 6px #978f6c;}
.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }

.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.small-field, .button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }

.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }

.button { -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;}
#container #content .add{ display: none;}
.col-sm-1{font-size: 14px;margin-left: 10px;}
.col-sm-11{font-size: 14px;margin-left: 10px;vertical-align: top;}
.form-group-1{margin-top: 20px;width: 100%;}
.form-group-2{margin-top: 20px;width: 100%;line-height: 20px;}

.reply-control{margin-left: 62px;width: 500px;height: 25px;border-radius: 3px;}
.reply-repswd{margin-left: 34px;width: 500px;height: 25px;border-radius: 3px;}
.response-control{margin-left: 16px;width: 500px;height: 250px;border-radius: 3px;}
.btn{margin-top: 15px;cursor: pointer;font-size: 12px;border-radius: 10px;height: 30px;width: 50px;} 
.edit-submit,.btn-submit{margin-left: 70px;margin-bottom: 15px;background: #2D353C;color: #fff;}
.btn-cancel{margin-left: 15px;}
#content .edit-1{display: none;}
span.reminder{
	color:red;font-size: 13px;
}
.edit-1 .adminaccount{
	margin-left: 65px;
	color: #8FBC8F;
}
.contro-reply{
	margin-left: 30px;
}
.tj-button{
	margin-left: 90px;
}